<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>动态</title>

        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="shortcut icon" href="img/logo.ico" type="image/x-icon" >
        <link rel="stylesheet" type="text/css" href="css/dongtai/details.css"/>
        <!--<link rel="stylesheet" type="text/css" href="css/common.css"/>-->
        <script type="text/javascript" src="js/jquery-1.11.3.js" ></script>
        <script src="js/common.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/jquery.autocomplete.js" type="text/javascript" charset="utf-8"></script>
        <link rel="stylesheet" type="text/css" href="css/styles.css"/>
        <link rel="stylesheet" type="text/css" href="css/header.css"/>
        <link rel="stylesheet" type="text/css" href="css/footer.css"/>

        <link rel="stylesheet" href="css/jquery-ui.css">
        <script src="js/jquery-ui.js" type="text/javascript" charset="utf-8"></script>


    </head>
    <script type="text/javascript">
        $.widget("custom.catcomplete", $.ui.autocomplete, {
            _renderMenu: function (ul, items) {
                var that = this,
                        currentCategory = "";
                $.each(items, function (index, item) {
                    if (item.category != currentCategory) {
                        ul.append("<li class='ui-autocomplete-category'>" + item.category + "</li>");
                        currentCategory = item.category;
                    }
                    that._renderItemData(ul, item);
                });
            }
        });
    </script>
    <body>
        <div id="container">
            <header id="daohang">
                <nav>
                    <ul class="nav_left">
                        <a href="home.html"><li class="logo"><img src="img/home/logo5.png"/></li></a>
                        <li class="sousuokuang">
                            <div class="yincagbufen">
                                <input type="search" name="search" id="autocomplete" value="" class="search" style="background-image: url(img/home/u345.png);background-size: 30px 30px;background-repeat: no-repeat;background-position-x: 2px;background-position-y: 2px;"/>
                            </div>
                            <ul class="yincangbianqian">

                            </ul>
                        </li>
                        <a href="ziLiao.html"><li class="qh">资料</li></a>
                        <a href="dongTai.html"><li class="qh">动态</li></a>
                        <a href="huaTi.html"><li class="qh">话题</li></a>
                    </ul>
                    <ul class="nav_right">

                        <a href="faBuZiLiao.html" target="_blank"><li class="anniu"><input type="button" id="" value="发布资料" class="fabubtn"/></li></a>

                        <a href="geRenZhongXin.html"><li class="userinfo">
                                <img src="img/home/u333.png"/>
                                <span class="username">
                                    张敏一二三四
                                </span>
                                <div class="info">
                                    <ul>
                                        <a href="geRenZhongXin.html"><li class="my">我的主页</li></a>
                                        <a href="#"><li class="message">站内消息</li></a>
                                        <a href="#"><li class="set">设置</li></a>
                                        <a href="#"><li class="exit">退出登录</li></a>
                                    </ul>
                                </div>
                            </li></a>

                    </ul>
                </nav>
            </header>
            <div id="bottom">
                <div id="b_left">
                    <div class="b_l_top">
                        <div class="touXiang">
                            <img src="img/ziLiaoXiangQing/u2047.png"/>
                        </div>
                        <div class="name">
                            张三
                        </div>
                        <div class="identify">
                            平面设计师
                        </div>
                    </div>
                    <div class="b_l_bottom">
                        <ul class="out">
                            <li>
                                <ul class="in inBg">
                                    <li><img src="img/dongTai/guanzhu.png"/></li>
                                    <li class="text gz">我的关注</li>
                                    <li class="count"></li>
                                </ul>
                            </li>

                            <li>
                                <ul class="in">
                                    <li><img src="img/dongTai/fabu.png"/></li>
                                    <li class="text fb">我的发布</li>
                                    <li class="count">4</li>
                                </ul>
                            </li>

                            <li>
                                <ul class="in">
                                    <li><img src="img/dongTai/pinglun.png"/></li>
                                    <li class="text pl">我的评论</li>
                                    <li class="count">4</li>
                                </ul>
                            </li>

                            <li>
                                <ul class="in">
                                    <li><img src="img/dongTai/caogao.png"/></li>
                                    <li class="text cg">我的草稿</li>
                                    <li class="count">4</li>
                                </ul>
                            </li>

                            <li>
                                <ul class="in">
                                    <li><img src="img/dongTai/shoucang.png"/></li>
                                    <li class="text isc">我的收藏</li>
                                    <li class="count">4</li>
                                </ul>
                            </li>

                            <li>
                                <ul class="in">
                                    <li><img src="img/dongTai/pinglunwo.png"/></li>
                                    <li class="text plw">评论我的</li>
                                    <li class="count"></li>
                                </ul>
                            </li>

                            <li>
                                <ul class="in">
                                    <li><img src="img/dongTai/tidaowo.png"/></li>
                                    <li class="text tdw">提到我的</li>
                                    <li class="count"></li>
                                </ul>
                            </li>

                            <li>
                                <ul class="in">
                                    <li><img src="img/dongTai/fensi.png"/></li>
                                    <li class="text fs">我的粉丝</li>
                                    <li class="count"></li>
                                </ul>
                            </li>

                            <li>
                                <ul class="in">
                                    <li><img src="img/dongTai/guanzhuren.png"/></li>
                                    <li class="text gzdw">我关注的人</li>
                                    <li class="count"></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--我的关注的切换内容-->
                <div id="b_center" class="center">
                    <div class="dt_title">
                        <ul>
                            <li class="tqb qiehuan">全部</li>
                            <li class="tzl">资料</li>
                            <li class="tht">话题</li>
                            <li class="trw">人物</li>
                        </ul>
                    </div>
                    <div class="dt_content qb">
                        <div class="dt">

                            <div class="dt_c_from">
                                来自&nbsp;<span class="bqm">
                                    平面设计
                                </span>
                            </div>
                            <div class="dt_c_content">
                                <div class="diyihang">
                                    <div class="who">
                                        王语嫣
                                    </div>
                                    <div class="what">
                                        评论了资料
                                    </div>
                                </div>
                                <div class="pinglunneirong">
                                    高迪从1883年接手建造圣家堂这座宏大的圣殿，这项工程陪伴高迪到生命的最后一刻。“高迪在其他建筑设计中曾经进行过的实验和尝试过的处理手法都运用到这个项目中来”...
                                    <span class="zhankai">
                                        <a href="#">展开</a>
                                    </span>
                                </div>
                                <div class="zlxq">
                                    <div class="ziliaoneirong">
                                        <div class="title">
                                            <div class="mingcheng">
                                                现代梦话酒吧室内设计图集
                                            </div>
                                            <div class="riqi">
                                                2015-9-1
                                            </div>
                                        </div>
                                        <div class="ziliaozhengwen">
                                            <div class="zhutu">
                                                <img src="img/home/u422.png"/>
                                            </div>
                                            <div class="zhengwen" style="text-overflow: ellipsis;">
                                                XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。
                                                本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。

                                            </div>
                                            <div class="pls">
                                                141个评论
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="pinglunTiao">
                                    <div class="riqi">
                                        2015-9-2
                                    </div>
                                    <ul class="pinhjian">
                                        <li>赞同</li>
                                        <li>收藏</li>
                                        <li class="fx">转发</li>
                                        <li>回复(3)</li>
                                    </ul>
                                    <div class="fx_content">
                                        <div class="s">
                                            <a href="#"><img src=" img/fabuziliao/wx.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/pyq.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/qq.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/wb.png"/></a>
                                            <div class="qxpl">
                                                取消分享
                                            </div>
                                        </div>

                                    </div>
                                </div>




                            </div>
                        </div>
                        <!--第二份动态-->
                        <div class="dt">

                            <div class="dt_c_from">
                                来自&nbsp;<span class="bqm">
                                    建筑设计
                                </span>
                            </div>
                            <div class="dt_c_content">
                                <div class="diyihang">
                                    <div class="who">
                                        阿朱
                                    </div>
                                    <div class="what">
                                        评论了话题
                                    </div>
                                </div>
                                <div class="pinglunneirong">
                                    高迪从1883年接手建造圣家堂这座宏大的圣殿，这项工程陪伴高迪到生命的最后一刻。“高迪在其他建筑设计中曾经进行过的实验和尝试过的处理手法都运用到这个项目中来”...
                                    <span class="zhankai">
                                        <a href="#">展开</a>
                                    </span>
                                </div>
                                <div class="zlxq">
                                    <div class="ziliaoneirong">
                                        <div class="title">
                                            <div class="mingcheng">
                                                现代梦话酒吧室内设计图集
                                            </div>
                                            <div class="riqi">
                                                2015-9-1
                                            </div>
                                        </div>
                                        <div class="ziliaozhengwen">
                                            <div class="zhutu">
                                                <img src="img/home/u202.png"/>
                                            </div>
                                            <div class="zhengwen" style="text-overflow: ellipsis;">
                                                XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。
                                                本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。

                                            </div>
                                            <div class="pls">
                                                141个评论
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="pinglunTiao">
                                    <div class="riqi">
                                        2015-9-2
                                    </div>
                                    <ul class="pinhjian">
                                        <li>赞同</li>
                                        <li>收藏</li>
                                        <li class="fx">转发</li>
                                        <li>回复(3)</li>
                                    </ul>
                                    <div class="fx_content">
                                        <div class="s">
                                            <a href="#"><img src=" img/fabuziliao/wx.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/pyq.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/qq.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/wb.png"/></a>
                                            <div class="qxpl">
                                                取消分享
                                            </div>
                                        </div>

                                    </div>
                                </div>




                            </div>
                        </div>
                        <!--第三份资料-->
                        <div class="dt">

                            <div class="dt_c_from">
                                来自&nbsp;<span class="bqm">
                                    建筑设计
                                </span>
                            </div>
                            <div class="dt_c_content">
                                <div class="diyihang">
                                    <div class="who">
                                        <div class="userimg">
                                            <img src="img/fabuziliao/gzfl2.png"/>
                                        </div>
                                        <div class="shenf">
                                            <span class="name">
                                                小龙女
                                            </span>
                                            <br/>
                                            <span class="zhiye">
                                                室内设计师
                                            </span>
                                        </div>
                                        <div class="piaofukuang">

                                        </div>
                                    </div>
                                    <div class="what">
                                        发布了资料
                                    </div>
                                </div>

                                <div class="zlxq">
                                    <div class="ziliaoneirong">
                                        <div class="title">
                                            <div class="mingcheng">
                                                现代梦话酒吧室内设计图集
                                            </div>
                                            <div class="riqi">
                                                2015-9-1
                                            </div>
                                        </div>
                                        <div class="ziliaozhengwen">
                                            <div class="zhutu">
                                                <img src="img/home/u202.png"/>
                                            </div>
                                            <div class="zhengwen" style="text-overflow: ellipsis;">
                                                XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。
                                                本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。

                                            </div>
                                            <div class="pls">
                                                141个评论
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="pinglunTiao">
                                    <div class="riqi">
                                        2015-9-2
                                    </div>
                                    <ul class="pinhjian">
                                        <li>赞同</li>
                                        <li>收藏</li>
                                        <li class="fx">转发</li>
                                        <li>回复(3)</li>
                                    </ul>
                                    <div class="fx_content">
                                        <div class="s">
                                            <a href="#"><img src=" img/fabuziliao/wx.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/pyq.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/qq.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/wb.png"/></a>
                                            <div class="qxpl">
                                                取消分享
                                            </div>
                                        </div>

                                    </div>
                                </div>




                            </div>
                        </div>



                    </div>

                    <!--切换资料部分-->
                    <div class="dt_content zl">
                        <div class="dt">

                            <div class="dt_c_from">
                                来自&nbsp;<span class="bqm">
                                    平面设计
                                </span>
                            </div>
                            <div class="dt_c_content">
                                <div class="diyihang">
                                    <div class="who">
                                        王语嫣
                                    </div>
                                    <div class="what">
                                        评论了资料
                                    </div>
                                </div>
                                <div class="pinglunneirong">
                                    高迪从1883年接手建造圣家堂这座宏大的圣殿，这项工程陪伴高迪到生命的最后一刻。“高迪在其他建筑设计中曾经进行过的实验和尝试过的处理手法都运用到这个项目中来”...
                                    <span class="zhankai">
                                        <a href="#">展开</a>
                                    </span>
                                </div>
                                <div class="zlxq">
                                    <div class="ziliaoneirong">
                                        <div class="title">
                                            <div class="mingcheng">
                                                现代梦话酒吧室内设计图集
                                            </div>
                                            <div class="riqi">
                                                2015-9-1
                                            </div>
                                        </div>
                                        <div class="ziliaozhengwen">
                                            <div class="zhutu">
                                                <img src="img/home/u422.png"/>
                                            </div>
                                            <div class="zhengwen" style="text-overflow: ellipsis;">
                                                XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。
                                                本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。

                                            </div>
                                            <div class="pls">
                                                141个评论
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="pinglunTiao">
                                    <div class="riqi">
                                        2015-9-2
                                    </div>
                                    <ul class="pinhjian">
                                        <li>赞同</li>
                                        <li>收藏</li>
                                        <li class="fx">转发</li>
                                        <li>回复(3)</li>
                                    </ul>
                                    <div class="fx_content">
                                        <div class="s">
                                            <a href="#"><img src=" img/fabuziliao/wx.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/pyq.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/qq.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/wb.png"/></a>
                                            <div class="qxpl">
                                                取消分享
                                            </div>
                                        </div>

                                    </div>
                                </div>




                            </div>
                        </div>

                    </div>
                    <!--切换话题部分-->
                    <div class="dt_content ht">
                        <div class="dt">

                            <div class="dt_c_from">
                                来自&nbsp;<span class="bqm">
                                    建筑设计
                                </span>
                            </div>
                            <div class="dt_c_content">
                                <div class="diyihang">
                                    <div class="who">
                                        阿朱
                                    </div>
                                    <div class="what">
                                        评论了话题
                                    </div>
                                </div>
                                <div class="pinglunneirong">
                                    高迪从1883年接手建造圣家堂这座宏大的圣殿，这项工程陪伴高迪到生命的最后一刻。“高迪在其他建筑设计中曾经进行过的实验和尝试过的处理手法都运用到这个项目中来”...
                                    <span class="zhankai">
                                        <a href="#">展开</a>
                                    </span>
                                </div>
                                <div class="zlxq">
                                    <div class="ziliaoneirong">
                                        <div class="title">
                                            <div class="mingcheng">
                                                现代梦话酒吧室内设计图集
                                            </div>
                                            <div class="riqi">
                                                2015-9-1
                                            </div>
                                        </div>
                                        <div class="ziliaozhengwen">
                                            <div class="zhutu">
                                                <img src="img/home/u202.png"/>
                                            </div>
                                            <div class="zhengwen" style="text-overflow: ellipsis;">
                                                XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。
                                                本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。

                                            </div>
                                            <div class="pls">
                                                141个评论
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="pinglunTiao">
                                    <div class="riqi">
                                        2015-9-2
                                    </div>
                                    <ul class="pinhjian">
                                        <li>赞同</li>
                                        <li>收藏</li>
                                        <li class="fx">转发</li>
                                        <li>回复(3)</li>
                                    </ul>
                                    <div class="fx_content">
                                        <div class="s">
                                            <a href="#"><img src=" img/fabuziliao/wx.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/pyq.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/qq.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/wb.png"/></a>
                                            <div class="qxpl">
                                                取消分享
                                            </div>
                                        </div>

                                    </div>
                                </div>




                            </div>
                        </div>
                    </div>
                    <!--切换人物部分-->	
                    <div class="dt_content rw">
                        <div class="dt">

                            <div class="dt_c_from">
                                来自&nbsp;<span class="bqm">
                                    建筑设计
                                </span>
                            </div>
                            <div class="dt_c_content">
                                <div class="diyihang">
                                    <div class="who">
                                        <div class="userimg">
                                            <img src="img/fabuziliao/gzfl2.png"/>
                                        </div>
                                        <div class="shenf">
                                            <span class="name">
                                                小龙女
                                            </span>
                                            <br/>
                                            <span class="zhiye">
                                                室内设计师
                                            </span>
                                        </div>
                                        <div class="piaofukuang">

                                        </div>
                                    </div>
                                    <div class="what">
                                        发布了资料
                                    </div>
                                </div>

                                <div class="zlxq">
                                    <div class="ziliaoneirong">
                                        <div class="title">
                                            <div class="mingcheng">
                                                现代梦话酒吧室内设计图集
                                            </div>
                                            <div class="riqi">
                                                2015-9-1
                                            </div>
                                        </div>
                                        <div class="ziliaozhengwen">
                                            <div class="zhutu">
                                                <img src="img/home/u202.png"/>
                                            </div>
                                            <div class="zhengwen" style="text-overflow: ellipsis;">
                                                XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。
                                                本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。

                                            </div>
                                            <div class="pls">
                                                141个评论
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="pinglunTiao">
                                    <div class="riqi">
                                        2015-9-2
                                    </div>
                                    <ul class="pinhjian">
                                        <li>赞同</li>
                                        <li>收藏</li>
                                        <li class="fx">转发</li>
                                        <li>回复(3)</li>
                                    </ul>
                                    <div class="fx_content">
                                        <div class="s">
                                            <a href="#"><img src=" img/fabuziliao/wx.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/pyq.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/qq.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/wb.png"/></a>
                                            <div class="qxpl">
                                                取消分享
                                            </div>
                                        </div>

                                    </div>
                                </div>




                            </div>
                        </div>



                    </div>
                    <div class="more">
                        更多动态
                    </div>


                </div>

                <!--我的发布的内容-->
                <div id="fabu_center" class="center">
                    <div class="dt_title">
                        <ul>

                            <li class="tzl qiehuan">资料</li>
                            <li class="tht">话题</li>

                        </ul>
                    </div>
                    <div class="dt_content zl">
                        <div class="dt">

                            <div class="dt_c_from">
                                来自&nbsp;<span class="bqm">
                                    建筑设计
                                </span>
                            </div>
                            <div class="dt_c_content">
                                <div class="diyihang">
                                    <div class="who">
                                        <div class="userimg">
                                            <img src="img/fabuziliao/gzfl2.png"/>
                                        </div>
                                        <div class="shenf">
                                            <span class="name">
                                                小龙女
                                            </span>
                                            <br/>
                                            <span class="zhiye">
                                                室内设计师
                                            </span>
                                        </div>
                                        <div class="piaofukuang">

                                        </div>
                                    </div>
                                    <div class="what">
                                        评论了我发布的资料
                                    </div>
                                </div>

                                <div class="zlxq">
                                    <div class="ziliaoneirong">
                                        <div class="title">
                                            <div class="mingcheng">
                                                现代梦话酒吧室内设计图集
                                            </div>
                                            <div class="riqi">
                                                2015-9-1
                                            </div>
                                        </div>
                                        <div class="ziliaozhengwen">
                                            <div class="zhutu">
                                                <img src="img/home/u202.png"/>
                                            </div>
                                            <div class="zhengwen" style="text-overflow: ellipsis;">
                                                XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。
                                                本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。

                                            </div>
                                            <div class="pls">
                                                141个评论
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="pinglunTiao">
                                    <div class="riqi">
                                        2015-9-2
                                    </div>
                                    <ul class="pinhjian">
                                        <li>赞同</li>
                                        <li>收藏</li>
                                        <li class="fx">转发</li>
                                        <li>回复(3)</li>
                                    </ul>
                                    <div class="fx_content">
                                        <div class="s">
                                            <a href="#"><img src=" img/fabuziliao/wx.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/pyq.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/qq.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/wb.png"/></a>
                                            <div class="qxpl">
                                                取消分享
                                            </div>
                                        </div>

                                    </div>
                                </div>




                            </div>
                        </div>

                    </div>
                    <!--切换话题部分-->
                    <div class="dt_content ht">
                        <div class="dt">

                            <div class="dt_c_from">
                                来自&nbsp;<span class="bqm">
                                    建筑设计
                                </span>
                            </div>
                            <div class="dt_c_content">
                                <div class="diyihang">
                                    <div class="who">
                                        <div class="userimg">
                                            <img src="img/fabuziliao/gzfl2.png"/>
                                        </div>
                                        <div class="shenf">
                                            <span class="name">
                                                小龙女
                                            </span>
                                            <br/>
                                            <span class="zhiye">
                                                室内设计师
                                            </span>
                                        </div>
                                        <div class="piaofukuang">

                                        </div>
                                    </div>
                                    <div class="what">
                                        评论了我发布的话题
                                    </div>
                                </div>

                                <div class="zlxq">
                                    <div class="ziliaoneirong">
                                        <div class="title">
                                            <div class="mingcheng">
                                                现代梦话酒吧室内设计图集
                                            </div>
                                            <div class="riqi">
                                                2015-9-1
                                            </div>
                                        </div>
                                        <div class="ziliaozhengwen">
                                            <div class="zhutu">
                                                <img src="img/home/u202.png"/>
                                            </div>
                                            <div class="zhengwen" style="text-overflow: ellipsis;">
                                                XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。
                                                本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。

                                            </div>
                                            <div class="pls">
                                                141个评论
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="pinglunTiao">
                                    <div class="riqi">
                                        2015-9-2
                                    </div>
                                    <ul class="pinhjian">
                                        <li>赞同</li>
                                        <li>收藏</li>
                                        <li class="fx">转发</li>
                                        <li>回复(3)</li>
                                    </ul>
                                    <div class="fx_content">
                                        <div class="s">
                                            <a href="#"><img src=" img/fabuziliao/wx.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/pyq.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/qq.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/wb.png"/></a>
                                            <div class="qxpl">
                                                取消分享
                                            </div>
                                        </div>

                                    </div>
                                </div>




                            </div>
                        </div>
                    </div>


                    <div class="more">
                        更多动态
                    </div>
                </div>

                <!--我的评论的内容-->
                <div id="pingLun_center" class="center">
                    <div class="dt_title">
                        <ul>

                            <li class="tzl qiehuan">资料</li>
                            <li class="tht">话题</li>

                        </ul>
                    </div>
                    <div class="dt_content zl">
                        <div class="dt">

                            <div class="dt_c_from">
                                来自&nbsp;<span class="bqm">
                                    建筑设计
                                </span>
                            </div>
                            <div class="dt_c_content">
                                <div class="diyihang">
                                    <div class="who">
                                        <div class="userimg">
                                            <img src="img/fabuziliao/gzfl2.png"/>
                                        </div>
                                        <div class="shenf">
                                            <span class="name">
                                                小龙女
                                            </span>
                                            <br/>
                                            <span class="zhiye">
                                                室内设计师
                                            </span>
                                        </div>
                                        <div class="piaofukuang">

                                        </div>
                                    </div>
                                    <div class="what">
                                        回复了我在资料 <a href="#" class="">
                                            《养老建筑设计漫谈》
                                        </a>  中发布的评论
                                    </div>
                                </div>
                                <div class="pinglunneirong">
                                    高迪从1883年接手建造圣家堂这座宏大的圣殿，这项工程陪伴高迪到生命的最后一刻。“高迪在其他建筑设计中曾经进行过的实验和尝试过的处理手法都运用到这个项目中来”...
                                    <span class="zhankai">
                                        <a href="#">展开</a>
                                    </span>
                                </div>
                                <div class="zlxq">
                                    <div class="ziliaoneirong">
                                        <div class="title">
                                            <div class="mingcheng">
                                                我的评论
                                            </div>
                                            <div class="riqi">
                                                2015-9-1
                                            </div>
                                        </div>
                                        <div class="ziliaozhengwen">
                                            <div class="zhutu">
                                                <img src="img/home/u202.png"/>
                                            </div>
                                            <div class="zhengwen" style="text-overflow: ellipsis;">
                                                XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。
                                                本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。

                                            </div>
                                            <div class="pls">
                                                10条回复
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="pinglunTiao">
                                    <div class="riqi">
                                        2015-9-2
                                    </div>
                                    <ul class="pinhjian">
                                        <li>赞同</li>
                                        <li>收藏</li>
                                        <li class="fx">转发</li>
                                        <li>回复(3)</li>
                                    </ul>
                                    <div class="fx_content">
                                        <div class="s">
                                            <a href="#"><img src=" img/fabuziliao/wx.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/pyq.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/qq.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/wb.png"/></a>
                                            <div class="qxpl">
                                                取消分享
                                            </div>
                                        </div>

                                    </div>
                                </div>




                            </div>
                        </div>

                    </div>
                    <!--切换话题部分-->
                    <div class="dt_content ht">
                        <div class="dt">

                            <div class="dt_c_from">
                                来自&nbsp;<span class="bqm">
                                    建筑设计
                                </span>
                            </div>
                            <div class="dt_c_content">
                                <div class="diyihang">
                                    <div class="who">
                                        <div class="userimg">
                                            <img src="img/fabuziliao/gzfl2.png"/>
                                        </div>
                                        <div class="shenf">
                                            <span class="name">
                                                小龙女
                                            </span>
                                            <br/>
                                            <span class="zhiye">
                                                室内设计师
                                            </span>
                                        </div>
                                        <div class="piaofukuang">

                                        </div>
                                    </div>
                                    <div class="what">
                                        回复了我在话题 <a href="#">
                                            《现代梦幻酒吧设计》
                                        </a>  中发布的评论
                                    </div>
                                </div>
                                <div class="pinglunneirong">
                                    高迪从1883年接手建造圣家堂这座宏大的圣殿，这项工程陪伴高迪到生命的最后一刻。“高迪在其他建筑设计中曾经进行过的实验和尝试过的处理手法都运用到这个项目中来”...
                                    <span class="zhankai">
                                        <a href="#">展开</a>
                                    </span>
                                </div>
                                <div class="zlxq">
                                    <div class="ziliaoneirong">
                                        <div class="title">
                                            <div class="mingcheng">
                                                我的评论
                                            </div>
                                            <div class="riqi">
                                                2015-9-1
                                            </div>
                                        </div>
                                        <div class="ziliaozhengwen">
                                            <div class="zhutu">
                                                <img src="img/home/u202.png"/>
                                            </div>
                                            <div class="zhengwen" style="text-overflow: ellipsis;">
                                                XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。
                                                本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。

                                            </div>
                                            <div class="pls">
                                                10条回复
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="pinglunTiao">
                                    <div class="riqi">
                                        2015-9-2
                                    </div>
                                    <ul class="pinhjian">
                                        <li>赞同</li>
                                        <li>收藏</li>
                                        <li class="fx">转发</li>
                                        <li>回复(3)</li>
                                    </ul>
                                    <div class="fx_content">
                                        <div class="s">
                                            <a href="#"><img src=" img/fabuziliao/wx.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/pyq.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/qq.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/wb.png"/></a>
                                            <div class="qxpl">
                                                取消分享
                                            </div>
                                        </div>

                                    </div>
                                </div>




                            </div>
                        </div>
                    </div>


                    <div class="more">
                        加载更多
                    </div>
                </div>

                <!--我的草稿内容-->
                <div id="caoGao_center" class="center">
                    <div class="title">
                        我的草稿
                    </div>
                    <div class="content">
                        <div class="c_title">
                            对建筑行业工资低怎么看
                        </div>
                        <div class="c_neirong">
                            我就是先抛个砖！
                        </div>
                        <div class="c_caozuo">
                            <ul>
                                <li class="shanchu">删除草稿</li>
                                <li class="edit">编辑草稿</li>
                                <li class="shijian">10秒前</li>
                            </ul>
                        </div>
                    </div>

                    <div class="content">
                        <div class="c_title">
                            室内设计的三大要素
                        </div>
                        <div class="c_neirong">
                            室内设计
                        </div>
                        <div class="c_caozuo">
                            <ul>
                                <li class="shanchu">删除草稿</li>
                                <li class="edit">编辑草稿</li>
                                <li class="shijian">10秒前</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!--我的收藏内容-->
                <div id="shouCang_center" class="center">
                    <div class="dt_title">
                        <ul>

                            <li class="tzl qiehuan">资料</li>
                            <li class="tht">话题</li>
                            <li class="tpl">评论</li>
                        </ul>
                    </div>
                    <!--切换资料-->
                    <div class="dt_content zl">
                        <div class="dt">

                            <div class="dt_c_from">
                                来自&nbsp;<span class="bqm">
                                    平面设计
                                </span>
                            </div>
                            <div class="dt_c_content">
                                <div class="diyihang">
                                    <div class="who">
                                        王语嫣
                                    </div>
                                    <div class="what">
                                        评论了资料
                                    </div>
                                </div>
                                <div class="pinglunneirong">
                                    高迪从1883年接手建造圣家堂这座宏大的圣殿，这项工程陪伴高迪到生命的最后一刻。“高迪在其他建筑设计中曾经进行过的实验和尝试过的处理手法都运用到这个项目中来”...
                                    <span class="zhankai">
                                        <a href="#">展开</a>
                                    </span>
                                </div>
                                <div class="zlxq">
                                    <div class="ziliaoneirong">
                                        <div class="title">
                                            <div class="mingcheng">
                                                现代梦话酒吧室内设计图集
                                            </div>
                                            <div class="riqi">
                                                2015-9-1
                                            </div>
                                        </div>
                                        <div class="ziliaozhengwen">
                                            <div class="zhutu">
                                                <img src="img/home/u422.png"/>
                                            </div>
                                            <div class="zhengwen" style="text-overflow: ellipsis;">
                                                XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。
                                                本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。

                                            </div>
                                            <div class="pls">
                                                141个评论
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="pinglunTiao">
                                    <div class="riqi">
                                        2015-9-2
                                    </div>
                                    <ul class="pinhjian">
                                        <li>赞同</li>
                                        <li>收藏</li>
                                        <li class="fx">转发</li>
                                        <li>回复(3)</li>
                                    </ul>
                                    <div class="fx_content">
                                        <div class="s">
                                            <a href="#"><img src=" img/fabuziliao/wx.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/pyq.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/qq.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/wb.png"/></a>
                                            <div class="qxpl">
                                                取消分享
                                            </div>
                                        </div>

                                    </div>
                                </div>




                            </div>


                        </div>
                    </div>

                    <!--切换话题部分-->
                    <div class="dt_content ht">
                        <div class="dt">

                            <div class="dt_c_from">
                                来自&nbsp;<span class="bqm">
                                    建筑设计
                                </span>
                            </div>
                            <div class="dt_c_content">
                                <div class="diyihang">
                                    <div class="who">
                                        阿朱
                                    </div>
                                    <div class="what">
                                        评论了话题
                                    </div>
                                </div>
                                <div class="pinglunneirong">
                                    高迪从1883年接手建造圣家堂这座宏大的圣殿，这项工程陪伴高迪到生命的最后一刻。“高迪在其他建筑设计中曾经进行过的实验和尝试过的处理手法都运用到这个项目中来”...
                                    <span class="zhankai">
                                        <a href="#">展开</a>
                                    </span>
                                </div>
                                <div class="zlxq">
                                    <div class="ziliaoneirong">
                                        <div class="title">
                                            <div class="mingcheng">
                                                现代梦话酒吧室内设计图集
                                            </div>
                                            <div class="riqi">
                                                2015-9-1
                                            </div>
                                        </div>
                                        <div class="ziliaozhengwen">
                                            <div class="zhutu">
                                                <img src="img/home/u202.png"/>
                                            </div>
                                            <div class="zhengwen" style="text-overflow: ellipsis;">
                                                XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。
                                                本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。

                                            </div>
                                            <div class="pls">
                                                141个评论
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="pinglunTiao">
                                    <div class="riqi">
                                        2015-9-2
                                    </div>
                                    <ul class="pinhjian">
                                        <li>赞同</li>
                                        <li>收藏</li>
                                        <li class="fx">转发</li>
                                        <li>回复(3)</li>
                                    </ul>
                                    <div class="fx_content">
                                        <div class="s">
                                            <a href="#"><img src=" img/fabuziliao/wx.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/pyq.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/qq.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/wb.png"/></a>
                                            <div class="qxpl">
                                                取消分享
                                            </div>
                                        </div>

                                    </div>
                                </div>




                            </div>
                        </div>
                    </div>
                    <!--切换评论部分-->
                    <div class="dt_content pl">
                        <div class="dt">

                            <div class="dt_c_from">
                                来自&nbsp;<span class="bqm">
                                    建筑设计
                                </span>
                            </div>
                            <div class="dt_c_content">
                                <div class="diyihang">
                                    <div class="who">
                                        阿朱
                                    </div>
                                    <div class="what">
                                        评论了话题
                                    </div>
                                </div>
                                <div class="pinglunneirong">
                                    高迪从1883年接手建造圣家堂这座宏大的圣殿，这项工程陪伴高迪到生命的最后一刻。“高迪在其他建筑设计中曾经进行过的实验和尝试过的处理手法都运用到这个项目中来”...
                                    <span class="zhankai">
                                        <a href="#">展开</a>
                                    </span>
                                </div>
                                <div class="zlxq">
                                    <div class="ziliaoneirong">
                                        <div class="title">
                                            <div class="mingcheng">
                                                现代梦话酒吧室内设计图集
                                            </div>
                                            <div class="riqi">
                                                2015-9-1
                                            </div>
                                        </div>
                                        <div class="ziliaozhengwen">
                                            <div class="zhutu">
                                                <img src="img/home/u202.png"/>
                                            </div>
                                            <div class="zhengwen" style="text-overflow: ellipsis;">
                                                XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。
                                                本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。

                                            </div>
                                            <div class="pls">
                                                141个评论
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="pinglunTiao">
                                    <div class="riqi">
                                        2015-9-2
                                    </div>
                                    <ul class="pinhjian">
                                        <li>赞同</li>
                                        <li>收藏</li>
                                        <li class="fx">转发</li>
                                        <li>回复(3)</li>
                                    </ul>
                                    <div class="fx_content">
                                        <div class="s">
                                            <a href="#"><img src=" img/fabuziliao/wx.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/pyq.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/qq.png"/></a>
                                            <a href="#"><img src="img/fabuziliao/wb.png"/></a>
                                            <div class="qxpl">
                                                取消分享
                                            </div>
                                        </div>

                                    </div>
                                </div>




                            </div>
                        </div>

                    </div>


                    <div class="more">
                        加载更多
                    </div>
                </div>

                <!--我的粉丝-->
                <div id="fenSi_center" class="center">
                    <div class="top">
                        <div class="title">
                            我的粉丝（4）
                        </div>
                        <div class="search">
                            <input type="text" name="userName" id="userName" value="搜索用户" />
                        </div>
                    </div>
                    <div class="bottom">
                        <table  cellspacing="0" cellpadding="0">
                            <tr>
                                <td rowspan="2"><img src="img/ziLiaoXiangQing/u2047.png"/></td>
                                <td class="name">陈二</td>
                                <td>分享资料</td>
                                <td>评论资料</td>
                                <td>发布帖子</td>
                                <td>评论帖子</td>
                                <td>被关注</td>

                                <td rowspan="2"><input type="button" id="guanzhu" value="关注" /></td>
                            </tr>
                            <tr>
                                <td>设计爱好者</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                            </tr>

                        </table>

                        <table  cellspacing="0" cellpadding="0">
                            <tr>
                                <td rowspan="2"><img src="img/ziLiaoXiangQing/u2047.png"/></td>
                                <td class="name">陈二</td>
                                <td>分享资料</td>
                                <td>评论资料</td>
                                <td>发布帖子</td>
                                <td>评论帖子</td>
                                <td>被关注</td>

                                <td rowspan="2"><input type="button" id="guanzhu" value="关注" /></td>
                            </tr>
                            <tr>
                                <td>设计爱好者</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                            </tr>

                        </table>

                        <table  cellspacing="0" cellpadding="0">
                            <tr>
                                <td rowspan="2"><img src="img/ziLiaoXiangQing/u2047.png"/></td>
                                <td class="name">陈二</td>
                                <td>分享资料</td>
                                <td>评论资料</td>
                                <td>发布帖子</td>
                                <td>评论帖子</td>
                                <td>被关注</td>

                                <td rowspan="2"><input type="button" id="guanzhu" value="关注" /></td>
                            </tr>
                            <tr>
                                <td>设计爱好者</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                            </tr>

                        </table>

                        <table  cellspacing="0" cellpadding="0">
                            <tr>
                                <td rowspan="2"><img src="img/ziLiaoXiangQing/u2047.png"/></td>
                                <td class="name">陈二</td>
                                <td>分享资料</td>
                                <td>评论资料</td>
                                <td>发布帖子</td>
                                <td>评论帖子</td>
                                <td>被关注</td>

                                <td rowspan="2"><input type="button" id="guanzhu" value="关注" /></td>
                            </tr>
                            <tr>
                                <td>设计爱好者</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                            </tr>

                        </table>
                    </div>
                </div>

                <!--我关注的人-->
                <div id="woGuanZhuDeRen_center" class="center">
                    <div class="top">
                        <div class="title">
                            我关注的人（4）
                        </div>
                        <div class="search">
                            <input type="text" name="userName" id="userName" value="搜索用户" />
                        </div>
                    </div>
                    <div class="bottom">
                        <table  cellspacing="0" cellpadding="0">
                            <tr>
                                <td rowspan="2"><img src="img/ziLiaoXiangQing/u2047.png"/></td>
                                <td class="name">陈二</td>
                                <td>分享资料</td>
                                <td>评论资料</td>
                                <td>发布帖子</td>
                                <td>评论帖子</td>
                                <td>被关注</td>

                                <td rowspan="2"><input type="button" id="guanzhu" value="取消关注" /></td>
                            </tr>
                            <tr>
                                <td>设计爱好者</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                            </tr>

                        </table>

                        <table  cellspacing="0" cellpadding="0">
                            <tr>
                                <td rowspan="2"><img src="img/ziLiaoXiangQing/u2047.png"/></td>
                                <td class="name">陈二</td>
                                <td>分享资料</td>
                                <td>评论资料</td>
                                <td>发布帖子</td>
                                <td>评论帖子</td>
                                <td>被关注</td>

                                <td rowspan="2"><input type="button" id="guanzhu" value="取消关注" /></td>
                            </tr>
                            <tr>
                                <td>设计爱好者</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                            </tr>

                        </table>

                        <table  cellspacing="0" cellpadding="0">
                            <tr>
                                <td rowspan="2"><img src="img/ziLiaoXiangQing/u2047.png"/></td>
                                <td class="name">陈二</td>
                                <td>分享资料</td>
                                <td>评论资料</td>
                                <td>发布帖子</td>
                                <td>评论帖子</td>
                                <td>被关注</td>

                                <td rowspan="2"><input type="button" id="guanzhu" value="取消关注" /></td>
                            </tr>
                            <tr>
                                <td>设计爱好者</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                            </tr>

                        </table>

                        <table  cellspacing="0" cellpadding="0">
                            <tr>
                                <td rowspan="2"><img src="img/ziLiaoXiangQing/u2047.png"/></td>
                                <td class="name">陈二</td>
                                <td>分享资料</td>
                                <td>评论资料</td>
                                <td>发布帖子</td>
                                <td>评论帖子</td>
                                <td>被关注</td>

                                <td rowspan="2"><input type="button" id="guanzhu" value="取消关注" /></td>
                            </tr>
                            <tr>
                                <td>设计爱好者</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                            </tr>

                        </table>
                    </div>
                </div>




                <!--右边部分-->
                <div id="b_right">
                    <div class="title">
                        头条话题
                    </div>
                    <div class="toutiao">
                        <div class="touXiang">
                            <img src="img/ziLiaoXiangQing/u64.png"/>
                        </div>
                        <div class="content" style="text-overflow: ellipsis;">
                            让你欲罢不能的设计
                        </div>
                    </div>
                    <div class="title">
                        人物访谈
                    </div>
                    <div class="toutiao">
                        <div class="touXiang">
                            <img src="img/ziLiaoXiangQing/u64.png"/>
                        </div>
                        <div class="content" style="text-overflow: ellipsis;">
                            不靠颜值，偏靠才华
                        </div>
                    </div>
                    <div class="toutiao">
                        <div class="touXiang">
                            <img src="img/ziLiaoXiangQing/u64.png"/>
                        </div>
                        <div class="content" style="text-overflow: ellipsis;">
                            不靠颜值，偏靠才华...
                        </div>
                    </div>
                    <div class="title">
                        活跃榜
                    </div>
                    <div class="toutiao">
                        <div class="touXiang">
                            <img src="img/ziLiaoXiangQing/u64.png"/>
                        </div>
                        <div class="content" style="text-overflow: ellipsis;">
                            赵敏&nbsp;<span>产品设计师</span>
                        </div>
                    </div>

                    <div class="toutiao">
                        <div class="touXiang">
                            <img src="img/ziLiaoXiangQing/u64.png"/>
                        </div>
                        <div class="content" style="text-overflow: ellipsis;">
                            Lisa&nbsp;<span>室内设计师</span>
                        </div>
                    </div>

                    <div class="title">
                        热门设计团队
                    </div>
                    <div class="toutiao">
                        <div class="touXiang">
                            <img src="img/ziLiaoXiangQing/u64.png"/>
                        </div>
                        <div class="content" style="text-overflow: ellipsis;">
                            Black Frog&nbsp;<span>建筑设计</span>
                        </div>
                    </div>

                    <div class="toutiao">
                        <div class="touXiang">
                            <img src="img/ziLiaoXiangQing/u64.png"/>
                        </div>
                        <div class="content" style="text-overflow: ellipsis;">
                            Tiger&nbsp;<span>室内设计</span>
                        </div>
                    </div>

                    <div class="title">
                        众筹产品
                    </div>
                    <div class="toutiao">
                        <div class="touXiang">
                            <img src="img/ziLiaoXiangQing/u64.png"/>
                        </div>
                        <div class="content" style="text-overflow: ellipsis;">
                            无线充电器
                        </div>
                    </div>
                </div>
            </div>

            <!--页脚部分-->
            <footer id="foot">
                <ul>
                    <li><a href="#">橡木匣子指南</a></li>
                    <li><a href="#">橡木匣子协议</a></li>
                    <li><a href="#">友情链接</a></li>
                    <li><a href="#">人才招聘</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><span id="banquan">©</span>杭州墨客科技有限公司</li>
                </ul>
            </footer>
        </div>
        <script type="text/javascript">
            $(function () {
                $(".tqb").click(function () {
                    $(this).addClass("qiehuan");
                    $(this).siblings().removeClass("qiehuan");
                    $(".qb").show();
                    $(".zl").hide();
                    $(".ht").hide();
                    $(".rw").hide();
                });

                $(".tzl").click(function () {
                    $(this).addClass("qiehuan");
                    $(this).siblings().removeClass("qiehuan");
                    $(".zl").show();
                    $(".qb").hide();
                    $(".ht").hide();
                    $(".rw").hide();
                    $("#shouCang_center .pl").hide();
                });

                $(".tht").click(function () {
                    $(this).addClass("qiehuan");
                    $(this).siblings().removeClass("qiehuan");
                    $(".ht").show();
                    $(".zl").hide();
                    $(".qb").hide();
                    $(".rw").hide();
                    $("#shouCang_center .pl").hide();
                });

                $(".trw").click(function () {
                    $(this).addClass("qiehuan");
                    $(this).siblings().removeClass("qiehuan");
                    $(".rw").show();
                    $(".zl").hide();
                    $(".ht").hide();
                    $(".qb").hide();
                    $("#shouCang_center .pl").hide();
                });

                $(".tpl").click(function () {
                    $(this).addClass("qiehuan");
                    $(this).siblings().removeClass("qiehuan");

                    $(".zl").hide();
                    $(".ht").hide();
                    $(".qb").hide();
                    $(".rw").hide();
                });
                /*我的草稿部分*/
                $("#caoGao_center .c_caozuo .shanchu").click(function () {
                    $(this).parent().parent().parent().hide();
                })



                $(".gz").click(function () {
                    $(".in").removeClass("inBg");
                    $(this).parent().addClass("inBg");

                    $("#b_center").show();
                    $(".qb").show();
                    $("#fabu_center").hide();
                    $("#pingLun_center").hide();
                    $("#shoucang_center").hide();
                    $("#caoGao_center").hide();

                    $("#fenSi_center").hide();
                    $("#woGuanZhuDeRen_center").hide();
                });
                $(".fb").click(function () {
                    $(".in").removeClass("inBg");
                    $(this).parent().addClass("inBg");

                    $("#fabu_center").show();
                    $(".zl").show();
                    $("#b_center").hide();
                    $("#pingLun_center").hide();
                    $("#shouCang_center").hide();
                    $("#caoGao_center").hide();

                    $("#fenSi_center").hide();
                    $("#woGuanZhuDeRen_center").hide();
                });

                $(".pl").click(function () {
                    $(".in").removeClass("inBg");
                    $(this).parent().addClass("inBg");

                    $("#pingLun_center").show();
                    $(".zl").show();
                    $("#b_center").hide();
                    $("#fabu_center").hide();
                    $("#shouCang_center").hide();
                    $("#caoGao_center").hide();

                    $("#fenSi_center").hide();
                    $("#woGuanZhuDeRen_center").hide();
                });

                $(".cg").click(function () {
                    $(".in").removeClass("inBg");
                    $(this).parent().addClass("inBg");

                    $("#caoGao_center").show();

                    $("#b_center").hide();
                    $("#fabu_center").hide();
                    $("#shouCang_center").hide();
                    $("#pingLun_center").hide();

                    $("#fenSi_center").hide();
                    $("#woGuanZhuDeRen_center").hide();
                });

                $(".isc").click(function () {
                    $(".in").removeClass("inBg");
                    $(this).parent().addClass("inBg");

                    $("#shouCang_center").show();
                    $("#shouCang_center .zl").show();
                    $("#b_center").hide();
                    $("#fabu_center").hide();
                    $("#caoGao_center").hide();
                    $("#pingLun_center").hide();

                    $("#fenSi_center").hide();
                    $("#woGuanZhuDeRen_center").hide();
                });

                $(".fs").click(function () {
                    $(".in").removeClass("inBg");
                    $(this).parent().addClass("inBg");

                    $("#fenSi_center").show();

                    $("#b_center").hide();
                    $("#fabu_center").hide();
                    $("#caoGao_center").hide();
                    $("#pingLun_center").hide();

                    $("#shouCang_center").hide();
                    $("#woGuanZhuDeRen_center").hide();
                });

                $(".gzdw").click(function () {
                    $(".in").removeClass("inBg");
                    $(this).parent().addClass("inBg");

                    $("#woGuanZhuDeRen_center").show();

                    $("#b_center").hide();
                    $("#fabu_center").hide();
                    $("#caoGao_center").hide();
                    $("#pingLun_center").hide();

                    $("#shouCang_center").hide();
                    $("#fenSi_center").hide();
                });


                $("#fenSi_center input[type='text']").focus(function () {
                    $(this).val(" ");
                }).blur(function () {
                    if ($(this).val() == " ") {
                        $(this).val("搜索用户");
                    }
                });
                $(".userinfo").hover(function () {
                    $(".info").slideDown("fast");
                }, function () {
                    $(".info").slideUp("10");
                });
                $("#fenSi_center input[type='button']").click(function () {
                    if ($(this).val().trim() == "关注") {
                        $(this).val("取消关注");

                    } else {
                        $(this).val("关注");
                    }
                });

                $("#woGuanZhuDeRen_center input[type='button']").click(function () {

                    $(this).parent().parent().parent().remove();

                });


                //及时搜索
                var countries = [
                    {value: '室内设计', data: '', category: '分类'},
                    {value: '室内装修', data: '室内', category: '分类'},
                    {value: '室内环保', data: '室内', category: '分类'},
                    {value: '室内设计', data: '室内', category: '分类'},
                    {value: '室内设计', data: '室内', category: '分类'},
                    {value: '某宾馆室内设计', data: '室内', category: '话题'},
                    {value: '某大厦室内设计', data: '室内', category: '话题'},
                    {value: '某宾馆室内设计', data: '室内', category: '资料'},
                    {value: '某大厦室内设计', data: '室内', category: '资料'},
                    {value: '某宾馆室内设计', data: '室内', category: '资料'},
                    {value: '某大厦室内设计', data: '室内', category: '资料'},
                    {value: '小龙女      室内设计师', data: '室内', category: '用户'},
                    {value: '更多室内相关资料...', data: '室内', category: '更多'},
                    // ...
                    {value: 'Zimbabwe', data: 'ZZ'}
                ];


                $('#autocomplete').catcomplete({
                    delay: 0,
                    source: countries,
                    select: function (event, ui) {
                        var type = ui.item.category
                        if (type.trim() == "分类") {
                            window.location.href = "souSuojieguo.html"
                        }
                        if (type.trim() == "话题") {
                            window.location.href = "souSuojieguo.html?name=huati"
                        }
                        if (type.trim() == "资料") {
                            window.location.href = "souSuojieguo.html?name=ziliao"
                        }
                        if (type.trim() == "用户") {
                            window.location.href = "souSuojieguo.html?name=yonghu"
                        }
                    }
                });

                $("#userName").autocomplete({
                    lookup: countries,
                    onSelect: function (suggestion) {
                        /*  alert('You selected: ' + suggestion.value + ', ' + suggestion.data);*/
                        window.location.href = "souSuojieguo.html?name=yonghu"
                    },
                    autoFill: true,
                })




            })
        </script>
    </body>
</html>
